<!DOCTYPE html>
<html lang="ja" >
<head>
<meta charset="utf-8">
<title>Grid view and ShufflePlay by your youtube playlist.</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<link rel="stylesheet" href="/css/login.css"  />
<script>
    $(document).ready(function() {
    });
</script>
</head>
<body class="front-welcome" dir="ltr">
<div id="main_box" data-role="page">
 <!--
<div id="top_header" data-role="header">
<div id="logo"><a href="/Index"><img src="/images/gridtube.png" alt="gridtube"/></a></div>
</div>
 -->
<div id="content" data-role="content">
    

    <div class="signup_area">
       <div class="description">
        <h1>Simple video player for Youtube playlist.</h1>
        <h1>You can share playlist on social network.</h1>
        </div>
        <a data-inline="true" href='/Index/oauth'  data-ajax="false"   class='topLinks' >
            <img src="/images/sign-in-with-google.png" alt="sign-in-with-google"/>
        </a>
    </div>
</div><!--content-->
<div class="footer"  data-role="footer"  data-position="fixed"  data-theme="b">
<div id="copyright"><h4>Copyright © 2013 the ken Kodama All rights reserved.</h4></div>
</div>
</div><!--mainbox-->
</body>
</html>
